@import './modules/reset';
@import './modules/header';
@import './modules/footer';

.car{
	width:100%;
	background-color: #F7F7F7;
	padding:40px 0;
	.box{
		width:80%;
		min-height: 500px;
		margin:0 auto;
		background-color: white;
		display: flex;
		flex-direction:column;
		
		.p1{
			height:80px;
			font-size: 20px;
			border-bottom: 1px solid #ccc;
			line-height: 80px;
			padding:0 30px;
			span{
				float: right;
				font-size: 16px;
				input{
					margin-left:10px;
				}
			}
		}
		table{
			flex: 1;
			overflow: auto;
			width:90%;
			margin:0 auto;
			border-collapse:collapse;
			tr{
				input{
					margin:0 5px;
					width:16px;
					height:16px;
				}
				border-bottom: 1px solid #ccc;
				height:90px;
				text-align: center;
				line-height: 90px;
				.photo{
					display: block;
					width:70px;
					margin:10px auto;
				}
				.name{
					width:300px;
				}
				.price,.allprice{
					width:100px;
					font-size: 14px;
				}
				.delete{
					 padding:0 10px;
					 font-size: 16px;
					 &:hover{
						 color:orange;
					 }
				}
				b,
				span {
					width:30px;
					height: 20px;
					border: 1px solid #888888;
					background: #fff;
					text-align: center;
					display: inline-block;
					line-height: 20px;
				}
			}
		}	
	}
	.bottom{
		width:40%;
		height:200px;
		margin-left:60%;
		p{
			font-size: 14px;
			height:45px;
			line-height: 50px;
		}
		a{
			display: inline-block;
			width:200px;
			height:60px;
			outline:none;
			font-size: 14px;
			line-height: 60px;
			text-align: center;
			border-radius: 5px;
			margin:{
				right:10px;
				top:10px;
				}
		}
		a:nth-child(3){
			background-color: white;
			border:2px solid #999;
		}
		a:nth-child(4){
			border:2px solid #DD4A68;
			background-color: #DD4A68;
			color:white;
		}
	}
	.empty{
		width:100%;
		height:300px;
		background-color: #F7F7F7;
		display: none;
		p{
			margin-top:200px;
			font-size: 16px;
			color:#555555;
			text-align: center;
		}
		a{
			float: left;
			font-size: 18px;
			width:150px;
			height:50px;
			line-height: 50px;
			text-align: center;
			color:#666;
			border:2px solid #999;
			border-radius: 5px;
			margin-top:30px;
			&:nth-child(2){
				margin-left: 38%;
			}
			&:nth-child(3){
				margin-left: 20px;
			}
		}
	}
}


